﻿body { 
    background-color:black;
}

@media screen and (-ms-view-state: fullscreen-landscape) {
}

@media screen and (-ms-view-state: filled) {
}

@media screen and (-ms-view-state: snapped) {
}

@media screen and (-ms-view-state: fullscreen-portrait) {
}


#mainGrid {
    display: -ms-grid;
    -ms-grid-rows: 1fr 2fr 12fr 4fr 1fr;
    -ms-grid-columns: 6fr 4fr;
    width: 100%;
    height:100%;
}

#mainGrid > div { border: 1px solid; margin: 5px; border-color:rgba(255, 255, 255, .3);-ms-grid-row-align:stretch;}

    #mainGrid > div:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span:2; display:-ms-flexbox; -ms-flex-align:center;}
    #mainGrid > div:nth-child(2) { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span:2; }
    #mainGrid > div:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; }
    #mainGrid > div:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 2; }
    #mainGrid > div:nth-child(5) { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span:2; }
    #mainGrid > div:nth-child(6) { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span:2; }

#topControlBar {
    display:-ms-grid;
    -ms-grid-columns:1fr 1fr;
    min-width:100%;
}
    #topControlBar > div:nth-child(1) {
        -ms-grid-column : 1;
    }

    #topControlBar > div:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-align:end;
    }
    #topControlBar span {
        text-transform: uppercase;
        border: 1px solid;
        border-color: white;
        padding:5px 5px 5px 5px;
        margin:5px 5px 5px 5px;
    }
        #topControlBar span:hover {
            background-color: gray;
        }
        #topControlBar span:active {
            transform:scale(0.9);
            transition:ease 0.1s;
        }

#MessageBox {
    width:300px;
    height:200px;
    margin:-100px 0 0 -150px;
    position:absolute;
    top:50%;
    left:50%;
    border: 1px solid;
    border-color: white;
    visibility:hidden;
    opacity: 0;
    transition: all ease 0.3s;
}